@import "../../sassmixins/mixins";

body, html {
  @include square(100%);
  overflow: hidden;
}

body {
  background-image: url("../image/bg.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.container {
  .qccode {
    @include square(px2rem-s(464px));
    background-image: url("../image/qccode.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    @include center-block;
    margin-top: px2rem-s(163px);
  }

  .word {
    @include size(px2rem-s(410px), px2rem-s(129px));
    background-image: url("../image/word.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    @include center-block;
    margin-top: px2rem-s(20px);
  }
}

.sao {
  position: fixed;
  @include size(px2rem-s(167px), px2rem-s(65px));
  background-image: url("../image/next.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  bottom: px2rem-s(20px);
  right: px2rem-s((640px - 167px) / 2);
}